<template>
    <section>
        <div class="wrapper">
            <h2>教职工补充医疗保险互助申请</h2>
            <div class="content">
                <h3>关于申请加入湖南师范大学教职工补充医疗保险互助的通知</h3>
                <p>各位老师：</p>
                <p>我校自2006年开始实行教职工补充医疗保险互助制度，凡已参加湖南省基本医疗保险的在职教职工，均可以自愿申请参加教职工补充医疗保险互助。加入教职工补充医疗保险互助之后，教职工因病的住院费用可依照《湖南师范大学教职工补充医疗保险互助金实施细则》予以补助。教职工补充医疗保险互助申请时间为教职工入职我校三年内，逾期将视为永久放弃，不再予以受理。</p>
                <p align='right'>湖南师范大学教职工补充医疗保险互助金管理委员会办公室</p>
                <p align='right'>2021年7月2日</p>
                <p v-if="count !== 0" class="offBtn">{{count}}s 下一步</p>
                <p v-if="count === 0" class="btn" @click="$troute.query('msDetail');">下一步</p>
            </div>
            
        </div>
    </section>
</template>
<script>
    // import Vue from 'vue';
    // import { CountDown } from 'vant';
    // Vue.use(CountDown);
    export default {
        data() {
            return {
                count: 5
            };
        },
        mounted(){
            this.doCountDown();
        },
        methods: {
            doCountDown (){
                let timer = setInterval( () => {
                    if(this.count > 0) {
                        this.count--;
                    }
                    clearInterval(this.timer);
                }, 1000 )
                if(this.count <0){
                    this.count = 0;
                }
            }
        },
    }
</script>
<style lang="scss" scoped>
.wrapper{
    padding: 25px 20px;
    box-sizing: border-box;
    >h2{
        position: relative;
        display: inline-block;
        font-size: 24px;
        margin-bottom: 25px;
        z-index: 1;
        &::after{
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 1px;
            height: 5px;
            background-color: #C9151E;
            z-index: -1;
        }
    }
    .content{
        text-align: justify;
        h3{
            font-size: 18px;
            text-align: center;
        }
        p{
            margin: 1.5em 0;
            line-height: 1.75em;
            font-size: 15px;
            text-indent: 2em;
        }
        .btn{
            height: 50px;
            line-height: 50px;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            background-color: #9E0F16;
            border-radius: 25px;
        }
        .offBtn{
            height: 50px;
            line-height: 50px;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            background-color: #c0c0c0;
            border-radius: 25px;
        }
    }
    
}
</style>